<template>
  <div class="v-header border-bottom">
    <div class="back" @click="back"><img src="../../assets/images/back.png" alt=""/></div>
    <div class="header-title">{{title}}</div>
  </div>
</template>
<script>
  export default{
    props:['text','title'],
    methods:{
       back:function () {
         window.history.back();
       }
    }
  }
</script>
<style>
  .v-header{
    height:.55rem;
    width:100%;
    background-color: #fff;
    position: relative;
  }
  .v-header .back img{
    position: absolute;
    width: .11rem;
    height: .18rem;
    left: .15rem;
    top:.17rem;
  }
  .v-header .header-title{
    font-size: .15rem;
    color: #333;
    position: absolute;
    left: .38rem;
    line-height: .49rem;
  }
</style>
